Створіть інтерактивну візуалізацію даних

У попередньому завданні вам потрібно було створити:

Для цього завдання вам потрібно налагодити інтеракцію між картою та графіком.

При наведенні на якийсь регіон на карті він має виділятися на графіку за допомогою товщини лінії та її кольору.

При наведенні на якусь лінію на графіку відповідний їй регіон має виділятися на карті за допомогою прозорості.

Підготовка даних

Візуалізація

Щоб зробити графіки інтерактивними, я створила два селектори :

Для виділення ліній я зробила заначення empty = 'none', щоб по замовчуванню лінії не були яскравими і не виділялися.

Створення графіків майже таке саме як у попередньому домашньому завданні.

Прозорість карти України буде залежати від select_region :

opacity = alt.condition(select_region,
                        alt.value(1.0),
                        alt.value(0.2))

За замовчеванням вся карта - виділена (непрозора), при наведенні на лінію, все крім вибраного регіону стає прозорішим.

Щоб на графіку ukraine_rate спрацьовував Tooltip з двох шарів (base i rate_2019), я додала add_selection(alt.selection_single()) до шару rate_2019. Без цього Tooltip чомусь не працював.

Лінії виділяються за допомогою товщони і кольору. При селекшені стають червоними і товстішими. За замовчеванням всі сірого кольору.

Мінус такого представлення - на лінію досить важко навести курсор.